<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=8">
<link rel="stylesheet" href="static/css/bootstrap.css" media="screen">
<link rel="stylesheet" href="static/css/common_h5.css" media="screen">
<link rel="stylesheet" href="static/css/media_h5.css" media="screen">
<script type="text/JavaScript" src='static/js/jquery.min.js'></script>
<script type="text/JavaScript" src='static/js/bootstrap.min.js'></script>
<script type="text/javascript" src="static/js/common.js"></script>
<script type="text/javascript">
$(function(){
    $('#nav_s_5').addClass('cur');
    $('#m_nav_s_5').addClass('cur');
    $('.morenav').click(function(){
        $('.cateNav_3').slideToggle("slow");
    });
});
//表单验证
function submitcheck(){
    var name = document.submitform.name.value;
    var content = document.submitform.content.value;
    var code = document.submitform.code.value;
    //验证邮箱
    var emailstr = document.submitform.email.value;
    var result=emailstr.match(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/);
    if(result==null){
        alert('邮箱格式不正确');
        return false;

    }

    if (document.submitform.tel.value == "") {
        alert("请填写联系手机。");
        document.submitform.tel.focus();
        return false;
    }

    //验证手机号码
    var tel = document.submitform.tel.value;
    var resulttel=tel.match(/1[3-9]+\d{9}/);
    if(resulttel==null){
        alert('手机格式不正确');
        return false;
    }

    //验证手机号码
    if (document.submitform.code.value == "") {
        alert("请填写验证码。");
        document.submitform.code.focus();
        return false;
    }
    var params  = {
        captcha:code,
        name:name,
        email:emailstr,
        phone:tel,
        remark:content,
    }
    $.ajax({
        type: "POST",
        url: "http://47.114.140.229/site/leaveMsg",
        data: params,
        dataType : "json",
        success: function(data){
            if(data.code>0){
                alert(data.message);
            }else{
                alert('提交成功');
                location.reload();
            }
        }
    });
}
</script>
</head>

<div class="head_10">
  <div class="container">
    <div class="box">
		  <div class="l">
           <a href="index.html" class="normal_logo"></a>
            <a href="index.html" class="small_logo"><img src="static/picture/584b6d17d3f8b.png"></a>
      </div>
      <script type="text/javascript">
       var timeout         = 500;
       var closetimer     = 0;
       var ddmenuitem      = 0;
       function main_nav_open(){
        main_nav_canceltimer();
        main_nav_close();
        ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');
       }
       function main_nav_close(){
        if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
       }
       function main_nav_timer(){
        closetimer = window.setTimeout(main_nav_close, timeout);
       }
       function main_nav_canceltimer(){
        if(closetimer){
         window.clearTimeout(closetimer);
         closetimer = null;
        }
       }
       $(document).ready(function(){
        $('#main_nav > li').bind('mouseover', main_nav_open);
        $('#main_nav > li').bind('mouseout',  main_nav_timer);
       });
       document.onclick = main_nav_close;
      </script>
      <div class="nav_box">
          <ul id="main_nav">
            <li class="nav_home"><a href="index.html" id="nav_home">首页</a></li>
            <li><a href="about.html" id="nav_s_1">关于我们</a></li>
            <li><a href="team.html" id="nav_team">团队</a></li>
            <li><a href="article.html" id="nav_article">动态</a></li>
            <li><a href="" id="nav_s_5">联系</a></li>
          </ul>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
    $(function(){
    $('.head_menu').click(function(){
        $('.head_menu').fadeOut();
        $('.head_menu_hover').fadeIn();
        $('.m_head_10_nav').slideToggle();
    });
    $('.head_menu_hover').click(function(){
        $('.head_menu_hover').fadeOut();
        $('.head_menu').fadeIn();
        $('.m_head_10_nav').slideToggle();
    });
})
    function change_code(o){
        captchaUrl = 'http://47.114.140.229/site/captcha';
        $.get(captchaUrl, function(data){
            $(o).attr("src", data.src);
        })
    }
</script>
<div class="m_head_10_bt">
    <span class="head_menu glyphicon glyphicon-th-list"></span>
    <span class="head_menu_hover glyphicon glyphicon-remove"></span>
</div>
<div class="m_head_10_nav">
    <img src="static/picture/584b6d17d3f8b.png" class="m_logo">
    <div class="m_nav_list">
        <a class="li" href="index.html">
            <span class="glyphicon glyphicon-home"></span>
            <b>首页</b>
        </a>
        <a class="li" href="about.html">
            <span class="glyphicon glyphicon-info-sign"></span>
            <b>关于我们</b>
        </a>
        <a class="li" href="article.html">
            <span class="glyphicon glyphicon-globe"></span>
            <b>动态</b>
        </a>
        <a class="li" href="team.html">
            <span class="glyphicon glyphicon-magnet"></span>
            <b>团队</b>
        </a>
        <a class="li" href="">
            <span class="glyphicon glyphicon-map-marker"></span>
            <b>联系</b>
        </a>
    </div>
</div><a id="navtitle" style="diplay:none;" title="5"></a>

<div class="pageAll pf1" style="background-image:url(static/image/584afa7cf357d.jpg) ">
    <div class="container">
        <div class="box">
            <div class="t"><i>联&nbsp;系&nbsp;我&nbsp;们</i><em></em><b>Contact</b></div>
        </div>
    </div>
</div>

<div class="morenav">≡</div>

<div class="pageText">
    <div class="container">
        <div class="box">
            <div class="l">
                <img src="static/picture/contact.png">
            </div>
            <div class="r">
                <div class="c">
                    <p>地址：<span class="address"></span></p><p><br></p>
                    <p>邮编：<span class="postCode"></span></p><p><br></p>
                    <p>电话：<span class="tel"></span></p><p><br></p><p><span class="domain"></span></p><p><br></p>
                </div>

                <div class="require">
                    <div class="submitBox">
                        <form method="post" action="" name="submitform">
                            <input type="input" name="name" class="input" value="您的称呼" onfocus="if(this.value == '您的称呼') this.value = ''" onblur="if(this.value =='') this.value = '您的称呼'">
                            <input type="input" name="email" class="input" value="您的邮箱" onfocus="if(this.value == '您的邮箱') this.value = ''" onblur="if(this.value =='') this.value = '您的邮箱'">
                            <input type="input" name='tel' class="input" value="你的手机号" onfocus="if(this.value == '你的手机号') this.value = ''" onblur="if(this.value =='') this.value = '你的手机号'">
                            <textarea class="textarea" name="content" placeholder='备注说明...'></textarea>
                            <div class="hrr"></div>
                            <input type="code" class="input short" name="code"> <img src="" id="code" onclick="javascript:void(change_code(this));" class="code">
                            <div class="hrr"></div>
                            <input type="button" class="submit " value="提交信息" onclick="submitcheck()">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="static/js/api-2.0_jtwusjZcPQnItm0AuVvsmxwB.js"></script>
<div id="allmap" style="height:450px;"></div>

<div class="footer_15_Wrap">
    <div class="container footer_15">
        <div class="box">
            <div class="p">
                <div class="span">
                    <a href="about.html">关于我们</a>  |
                    <a href="team.html">团队</a>  |
                    <a href="article.html">动态</a>  |
                    <a href="">联系</a>
                    <br>
                    <span class="icpNum"></span>&emsp;<span class="companyName"></span><br>
                    <span class="address"></span>
                    电话 <span class="tel"></span>
                    传真 <span class="faxNum"></span>
                    邮编 <span class="postCode"></span>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $('#code').click();
</script>
<script language="javascript" type="text/javascript" src="static/js/backToTop.js"></script>
<script>SHANGFOX.BackTop.init();</script>
<script type="text/javascript">
    //页头页尾
    var url = "http://47.114.140.229";
    $.get(url+"/site/info", function(data){
        $('.icpNum').html(data.data.icpNum);
        $('.companyName').html(data.data.companyName);
        $('.address').html(data.data.address);
        $('.tel').html(data.data.tel);
        $('.faxNum').html(data.data.faxNum);
        $('.postCode').html(data.data.postCode);
        $('.domain').html(data.data.domain);
        var Content = '<img src=" ' + data.data.logoUrl+ ' " style="height: 65px"/>';
        $(".normal_logo").append(Content);
        $("meta[name='og:description']").attr('content', data.data.description);
        $("meta[name='og:keyword']").attr('content', data.data.keyword);
        document.title = data.data.name;

        //  地图显示
        var map = new BMap.Map("allmap");
        var point = new BMap.Point(104.074652,30.558566);
        var marker = new BMap.Marker(point);  // 创建标注
        map.addOverlay(marker);              // 将标注添加到地图中
        map.centerAndZoom(point, 15);
        var opts = {
            width : 200,     // 信息窗口宽度
            height: 100,     // 信息窗口高度
            title : data.data.companyName , // 信息窗口标题
            enableMessage:true,//设置允许信息窗发送短息
            message:""
        }
        var infoWindow = new BMap.InfoWindow(data.data.address, opts);  // 创建信息窗口对象
        marker.addEventListener("click", function(){
            map.openInfoWindow(infoWindow,point); //开启信息窗口
        });
    });


</script>
</html>
